<template>
    <div class="wrapper">
    <el-container>
      <el-header><v-head></v-head></el-header>
      <el-container>
        <el-aside width="200px"><v-sidebar></v-sidebar></el-aside>
        <el-main>Contents<router-view></router-view></el-main>
      </el-container>
      <el-footer>Footer</el-footer>
    </el-container>
    </div>
</template>

<script>
    import vHead from './Header.vue';
    import vSidebar from './Sidebar.vue';
    export default {
        components:{
            vHead, vSidebar
        }
    }
</script>
